.approval-detail {
  padding: 0 10px 10px;
}

.approval-detail .detail-line{
  border-top: 1px solid #AFAFAF;
  margin-bottom: 5px;
}

.approval-detail .clearfix>div {
  float: left;
  line-height: 20px;
}

.approval-detail .clearfix>div.label{
  width: 4em;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: right;
  color: #AFAFAF;
}

.approval-detail .approval-detail-div>div.label{
  margin-right: 5px;
  margin-bottom: 10px;
  color: #AFAFAF;
}

.approval-detail .clearfix>div.text-data{
  width: calc(100% - 4em - 5px);
  margin-bottom: 10px;
}

.approval-detail .approval-detail-div>div.approval-detail-table{
  padding-left: 20px;
}

.approval-detail .approval-detail-div>div.approval-detail-table table tr td{
  padding: 5px 10px;
  padding-left: 0;  
}

.approval-detail .approval-detail-div>div.approval-detail-table table tr td:last-child{
  padding-right: 0;  
}

.approval-detail .interval-title {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  background: #F4F4F4;
  margin-bottom: 5px;
}

.approval-detail .interval{
  height: 10px;
  background: #F4F4F4;
  margin-bottom: 5px;
}

.approval-detail .reimburse-detail .clearfix>div.label{
  width: 6.5em;
}

.approval-detail .reimburse-detail .clearfix>div.text-data{
  width: calc(100% - 6.5em - 5px);
}